<template>
  <component
    v-if="headerData && headerData.style"
    class="center-header"
    :is="platformType"
    :headerData="headerData"
    :systemType="systemType"
    :platformType="platformType"
    :isScroll="isScroll"
    :templateDetailType="templateDetailType"
  />
</template>
<script>
  import WechatMiniProgram from './components/wechatMiniProgram.vue';
  import WechatOfficialAccount from './components/wechatOfficialAccount.vue';
  import H5 from './components/h5.vue';
  import App from './components/app.vue';
  export default {
    components: {
      WechatMiniProgram,
      WechatOfficialAccount,
      H5,
      App,
    },
  };
</script>
<script setup>
  const props = defineProps([
    'headerData',
    'systemType',
    'platformType',
    'isScroll',
    'templateDetailType',
  ]);
</script>
<style lang="scss" scoped>
  .center-header {
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    pointer-events: none;
    :deep() {
      .system {
        width: 100%;
        display: block;
      }
    }
  }
</style>
